<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <title>串口服务器测试程序</title>
    <!--下面是bootsrap模板-->
    <meta charset="utf-8">
    <!--默认高速模式-->
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!--禁止缩放,在手机上看上去像是原生应用-->
    <!--<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="/bootstrap/css/bootstrap.css" rel="stylesheet">
    <link href="/bootstrap/css/bootstrap-theme.css" rel="stylesheet">
    <link href="/bootstrap/css/bootstrap-combobox.css" rel="stylesheet">
    <link rel="stylesheet" href="/bootstrap/css/font-awesome.css">
    <!--<meta name="viewport" content="width=device-width, initial-scale=1, maximumscale=1, user-scalable=no">-->
    <!--<link href="css/bootstrap.min.css" rel="stylesheet">-->
    <!-- 以下2个插件是用于在IE8支持HTML5元素和媒体查询的， 如果不用可移除 -->
    <!-- 注意:Respond.js不支持file:// 方式的访问 -->
    <!--[if lt IE 9]>
        <script src="/bootstrap/js/html5shiv.js"></script>
        <script src="/bootstrap/js/respond.min.js">
        </script>
        <![endif]-->
    <style type="text/css">
        .help-inline {
            display: inline-block;
            padding-left: 5px;
            color: #737373;
        }
        
        body {
            margin: 10px;
        }
        
        .panel-group {
            max-height: 770px;
            overflow: auto;
        }
        
        .leftMenu {
            margin: 10px;
            margin-top: 5px;
        }
        
        .leftMenu .panel-heading {
            font-size: 14px;
            padding-left: 20px;
            height: 36px;
            line-height: 36px;
            color: white;
            position: relative;
            cursor: pointer;
        }
        /*转成手形图标*/
        
        .leftMenu .panel-heading span {
            position: absolute;
            right: 10px;
            top: 12px;
        }
        
        .leftMenu .menu-item-left {
            padding: 2px;
            background: transparent;
            border: 1px solid transparent;
            border-radius: 6px;
        }
        
        .leftMenu .menu-item-left:hover {
            background: #C4E3F3;
            border: 1px solid #1E90FF;
        }
    </style>
</head>

<body>
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/bootstrap/js/jquery.js"></script>
    <script src="/bootstrap/js/jquery.form.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="/bootstrap/js/bootstrap.js"></script>
    <script src="/bootstrap/js/bootstrap-combobox.js"></script>
    <script type="text/javascript">
        //$(document).ready(function () {
        //    $('.combobox').combobox();
        //});
    </script>


    <div class="container-fluid">
        <div class="row panel-group">
            <div class="span2  col-xs-12 col-sm-3 col-md-2">
                <ul class="nav nav-pills nav-stacked ">
                    <li class="active"><a href="#">Home</a></li>
                    <li><a href="#">Tutorials</a></li>
                    <li><a href="#">Practice Editor </a></li>
                    <li><a href="#">Gallery</a></li>
                    <li><a href="#">Contact</a></li>
                </ul>
            </div>
            <div class="col-xs-12 col-sm-9 col-md-10">
                <div class="col-xs-12 col-sm-6 col-md-3" style="border:1px solid;">
                    aaaaa
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3" style="border:1px solid;">
                    aaaaa
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3" style="border:1px solid;">
                    aaaaa
                </div>
                <div class="col-xs-12 col-sm-6 col-md-3" style="border:1px solid;">
                    aaaaa
                </div>
            </div>
        </div>
    </div>


</body>

</html>